<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./js/fontsize.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <style>
        .upper{
            width: 3.75rem;
            height: 0.44rem;
        }
        .upper a img{
            display: block;
            width: 0.24rem;
            height: 0.24rem;
            margin: 0.6rem;
        }
        .logo{
            margin:  1.1rem 0.46rem  0 0.47rem;
            width: 2.82rem;
            height: 0.57rem;
        }
        .message {
            margin-top: 0.56rem;
        }
        .message .userName{
            margin-bottom: 0.25rem;
            position: relative;
        }
        .message .userName input{
            width: 3rem;
            height: 0.5rem;
            font-size: 0.16rem;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #333336;
            line-height: 0.5rem;
            background: #f5f5f6;
            border: none;
        }
        .message .userName img{
            position: absolute;
            right: 0.38rem;
            top:0.16rem;
            padding-right: 0.06rem;
            width: 0.24rem;
            height: 0.24rem;
        }
        .message .password{
            position: relative;
        }
        .message .password input{
            width: 3rem;
            height: 0.5rem;
            font-size: 0.16rem;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #333336;
            line-height: 0.5rem;
            background: #f5f5f6;
            border: none;
        }
        .message .password img{
            position: absolute;
            right: 0.38rem;
            top:0.16rem;
            padding-right: 0.06rem;
            width: 0.24rem;
            height: 0.24rem;
        }
        .footer {
            margin-left: 0.26rem;
            margin-top: 0.6rem;
            width: 3.21rem;
            height: 0.48rem;
            background: #003B74;
            border-radius: 0.04rem;
        }
        .footer .footer-login{
            margin-top: 0.13rem;
            width: 0.89rem;
            height: 0.22rem;
            font-size: 0.16rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 0.22rem;
            background: #003B74;
            border: none;
        }
    </style>
    <title>100_文章资讯备份</title>
</head>
<body>
    <div class="login">
        <div class="upper">
            <a href="##"><img src="./images/other/icon_return.png" alt="后退箭头"></a>
        </div>
        <img class="logo" src="./images/other/logo.png" alt="logo">
        <div class="message">
            <div class="userName">
                <input type="text" placeholder="15959003689">
                <img src="./images/other/icon_Shut.png" alt="×号">
            </div>
            <div class="password" >
                <input type="text" placeholder="....................">
                <img src="./images/other/icon_visible.png" alt="眼睛">
            </div>
        </div>
        <div class="footer">
            <button class="footer-login">
                员工登录
            </button>
        </div>
    </div>
</body>
</html>
